Page({
  data: {
    webViewUrl: 'http://192.168.3.99:8080',
    // webViewUrl: 'https://bdc69ccfac71.ngrok-free.app/',
    h5Message: ''
  },
  onShow(){
    
    
  },
  onLoad(options) {
    // webViewContext.postMessage({ data: 'Hello from Mini Program!' });
    wx.showLoading({
      title: 'onload',
      mask: true,
    })
    // 如果有传入url参数，则直接加载
    if (options.url) {
      this.setData({
        webViewUrl: decodeURIComponent(options.url)
      });
    }
  },

  // web加载成功
  async onWebLoad(e) {
    wx.hideLoading()
    console.log('onWebLoad--->',e)
    const info = await wx.getSystemInfo()
    console.log('wx.getSystemInfo()--->',info)
    // 在调用前检查是否在微信小程序环境
    this.webViewContext = this.selectComponent('#myWebview');
    console.log('this.webViewContext===>',this.webViewContext)
  },
  onMessage(e){
    wx.showToast({
      title: 'onMessage',
      icon: 'success',
      duration: 2000
    })
    
    console.log('onMessage======>1',e)
  },
  onH5Message(e){
    console.log('onH5Message--->',e)
    // const message = e.detail.data[0]; // 微信基础库2.7.3+版本格式
    // // 处理跳转请求
    // if (message && message.action === 'changeUrl') {
    //   this.setData({
    //     webViewUrl: message.url
    //   });
    // }
  },
  // 向H5发送消息
  sendToH5() {
    const msg = {
      type: 'from_miniprogram',
      data: 'Hello H5! ' + new Date().toLocaleString(),
      extra: { key: 'value' }
    }
    
    // 方式1：通过 postMessage
    // this.webViewContext.postMessage(msg)
    
    // 方式2：通过执行JS（可选）
    // this.webViewContext.evalJS(`window.receiveMiniProgramMsg(${JSON.stringify(msg)})`)
  }
})